<template>
  <div class="short-video">
    <video-player
      :url="videoUrl"
      :poster="poster"
      :duration="duration"
    />
  </div>
</template>

<script>
import VideoPlayer from '@/components/video-player/VideoPlayer.vue'
export default {
  name: 'PostShortVideo',
  components: {
    VideoPlayer
  },
  props: {
    view: {
      type: Number
    },
    duration: {
      type: Number
    },
    videoUrl: {
      type: String
    },
    poster: {
      type: String
    }
  }
}
</script>

<style lang="scss" scoped>
  .short-video{
    padding: {
      left: rem(10px);
      right: rem(10px);
    }
    margin-bottom: rem(10px);
  }
</style>
